ul {
	list-style-type: none;
}

.stateButton {
  width: 36px;
  height: 36px;
  background-color: transparent;
  background-size: 100% 100%;
  outline: none;
  border-radius: 0px;
}

.dropdown {
  float: left;
}

.nav-container ul {
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
}


#navLeftUL {
  left: 5px;
  height: 60px;
  margin: 0;
  width: 600px;
  float: left;
}
/*#navCenterUL {
  float: left;
}*/
#navRightUL {
  float: left;
  right: 5px;
}

#autocontrol-button {
  background-image: url("../icon/manu.png");
  width: 45px;
  height: 45px;
}

#settings-button {
  background-image: url("../icon/settings-grey.png");
}
#planecenter-button {
  background-image: url("../icon/planecenter-grey.png");
}

.dropdown-section {
  width: 290px;
  color: white;
  background-color: black;
  opacity: 0.8;
  padding-bottom: 20px;
}

.drop-position-left {
  left: 10px;
  z-index: 1;
  position: absolute;
}
.drop-position-right {
  top: 70px;
  right: 10px;
  position: absolute;
  z-index: 1;
}
.drop-position-center {
  left: 250px;
  position: absolute;
  z-index: 1;
}
.drop-position-right-next {
  top: 70px;
  right: 500px;
  position: absolute;
  z-index: 1;
}

.dropdown-menu-title {
  width: 250px;
  height:30px;
  padding-top: 15px;
  padding-left: 20px; 
  padding-bottom: 5px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.clickedbutton {
  width: 80px;
  height: 40px;
  background-color: black;
  color: white;
  border: 1px solid;
  font-size: 14px;
  border-color: white;
}
.clickedbutton-dark {
  width: 80px;
  height: 40px;
  background-color: grey;
  color: black;
  border: 1px solid;
  font-size: 14px;
  border-color: black;
}
.imagebutton {
  width: 30px;
  height: 30px;
  background-color: black;
  background-size: 100% 100%;
  border: 0px;
}
.close-grey{
  background-image: url("../icon/close-grey.png");
  /*position: absolute;*/
  top: 10px;
  right: 5px;
}

/*航点飞行弹窗*/
#multi-drop {
  display: none;
  height: 390px;
}
#flightpoint-area{
  background-color: black;
  border: 1px solid;
  margin: 9px;
  width: 270px;
  height: 90px;
  resize: none;
  overflow-y: auto;
}
#flightpoint-area button{
  outline: none;
  background:url('../icon/waypoint.png');
  background-size:100% 100%;
  text-align:center;
  color: white;
  padding-bottom: 10px;
  font-size:18px;
  float: left;
  width: 42px;
  height: 42px;
  border: 0px;
}
#multi-drop ul {
  margin: 0px;
  width: 290px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}
#multi-drop ul li{
  height: 30px;
  float: left;
  /*align-content: center;*/
}
#multi-drop p {
  height: 23px;
  padding-top: 7px;
}
#multi-deletepoint {
  background-image: url("../icon/delete.png");
}
#multi-allselect {
  width: 50px;
  height: 25px;
  padding-top: 5px;
  text-align: center;
  margin-left: 20px;
}
#multi-allselect input{
  width: 15px;
  height: 15px;
  float: left;
  text-align: center;
}
#multi-addpoint {
  background-image: url("../icon/addpoint.png");
}
.inputtext {
  border: 0.5px solid;
  border-color: white;
  background-color: #121212;
  color: white;
}
#multi-drop select {
  width: 100px;
  height: 22px;
  font-size: 16px;
}
#cloud-download {
  background-image: url("../icon/clouddownload.png");
}
#local-download {
  background-image: url("../icon/localdownload.png");
  width: 26px;
  height: 26px;
  padding: 2px;
}
#multi-downloadPoint{
  width: 290px;
  height: 8px;
  position: absolute;
}/*以下为点击OK键后的弹窗*/
#multi-drop-state {
  display: none;
}
#pointinfo-area {
  background-color: black;
  border: 1px solid;
  margin: 9px;
  margin-bottom: 0px;
  width: 270px;
  height: 200px;
  font-size: 14px;
  resize: none;
  overflow-y: auto;
}
#pointinfo-area td {
  text-align: center;
}
.td1{width: 30px}
.td2{width: 54px}
.td3{width: 68px}
.td4{width: 46px}
.td5{width: 30px}
#multi-drop-state ul {
  margin: 0px;
  width: 290px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}
#multi-drop-state ul li{
  height: 30px;
  float: left;
  align-content: center;
}
#multi-drop-state p {
  height: 23px;
  padding-top: 7px;
}
#multi-return {
  background-image: url("../icon/return.png");
}
#multi-save {
  background-image: url("../icon/save.png");
  margin-top: 5px;
}
#multi-proUpFile {
  width: 290px;
  height: 8px;
  position: absolute;
}
#multi-proUpPoint {
  width: 290px;
  height: 8px;
}
#upload-state {
  display: none;
}

/*模板飞行窗口*/
#template-drop {
  display: none;
}
#template-drop ul {
  margin: 0px;
  width: 290px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}
#template-drop ul li{
  /*height: 30px;*/
  float: left;
  align-content: center;
}
.template-button-li{
  width: 70px;
  height: 70px;
  margin: 5px;
  border: 1px solid;
  border-color: grey;
  float: left;
  margin-left: 12px;
  /*padding: 5px;*/
}
.template-button-image{
  width: 70px;
  height: 70px;
  background-size: 100% 100%;
  background-color: transparent;
  outline: none;
  border: 0px;  
}
#templateRect-button {
  background-image: url("../icon/templateRect-grey.png");
}
#templateCircle-button {
  background-image: url("../icon/templateCircle-grey.png");
}
#templateScan-button {
  background-image: url("../icon/templateScan-grey.png");
}
#template-drop select {
  width: 70px;
  height: 22px;
  font-size: 16px;
}

.drop-center-info {
  font-size: 14px;
  text-align: center;
  color: red;
}

/*解锁弹窗*/
#lockoff-button {
  background-image: url("../icon/lockoff-grey.png");
}
#lockoff-drop {
  display: none;
}
#lockoff-drop ul {
  margin: 0px;
  width: 290px;
  height: 40px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}
#lockoff-drop ul li{
  height: 30px;
  float: left;
  align-content: center;
}
#lockoff-drop p {
  height: 23px;
  padding-top: 7px;
}
#lockoff-drop button{
  margin-left: 15px;
  margin-right: 15px;
}

/*自主起飞弹窗*/
#takeoff-drop {
  display: none;
}
#takeoff-drop ul {
  margin: 0px;
  width: 290px;
  height: 40px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}
#takeoff-drop ul li{
  height: 30px;
  float: left;
  align-content: center;
}
#takeoff-drop p {
  height: 23px;
  padding-top: 7px;
}
#takeoff-drop button{
  margin-left: 15px;
  margin-right: 15px;
}

/*一键返航窗口*/
#rtl-drop {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
#rtl-drop p{
  padding: 10px;
  text-align: center;
}
#rtl-drop button{
  margin-left: 15px;
  margin-right: 15px;
}

/*自主降落窗口*/
#land-drop {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
#land-drop p{
  padding: 10px;
  text-align: center;
}
#land-drop button{
  margin-left: 15px;
  margin-right: 15px;
}

/*继续飞行窗口*/
#play-drop {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
#play-drop p{
  padding: 10px;
  text-align: center;
}
#play-drop button{
  margin-left: 15px;
  margin-right: 15px;
}

/*暂停飞行窗口*/
#pause-drop {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
#pause-drop p{
  padding: 10px;
  text-align: center;
}
#pause-drop button{
  margin-left: 15px;
  margin-right: 15px;
}

/*航点状态查看*/
#viewpoints-drop {
  /*display: none;*/
  width: 320px;
  color: white;
  background-color: transparent;
  left: 900px;
}
#viewpoints-nav{
  width: 280px;
  height: 30px;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  background-color: black;
  float: left;
}
#viewpoints-selector{
  display: none;
  width: 310px;
  height: 220px;
  padding: 10px;
  background-color: black;
  opacity: 0.8;
  float: left;
}
#viewpoints-area {
  background-color: black;
  border: 1px solid;
  border-color: white;
  margin-left: 14px;
  margin-right: 14px;
  width: 270px;
  height: 200px;
  font-size: 14px;
  resize: none;
  overflow-y: auto;
}
#viewpoints-area td {
  text-align: center;
}
#downselect-button {
  background-image: url("../icon/downselect.png");
  float: left;
  outline: none;
  border-radius: 0px;
}

/*卫星信号*/
#satellite-number{
  color: white;
  font-size: 12px;
  position: absolute;
  left: 35px;
  top: 140px;
}

#send-msg-li {
  background: black;
  height: 50px;
  width: 300px;
  float: left;
}

#send-msg-input {
  width:200px;
  text-align:left;
  margin-top:16px;
  background:white;
  float: left;
  color: black;
}
